<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

</h:head>
<ui:composition template="/WEB-INF/templates/template.xhtml">
	<ui:define name="content">
			<table width="1400px">
				<tr>
					<td width="1280px">
						<p:messages id="messages" showDetail="true"	autoUpdate="true" closable="true" /> 
						<h:form>
							<h:panelGrid columns="1">
								<h:panelGrid columns="1">
					        		<h3 style="padding:0px;margin:0px;" align="center"><label style="color:#E68509;">Creación empresa</label></h3>
					        	</h:panelGrid>
								<h:panelGrid columns="2" cellpadding="10">
									<h:outputLabel for="nombreEmpresa" value="Nombre Empresa:*" />
									<p:inputText id="nombreEmpresa" required="true" value="#{empresaBean.empresaDTO.nombreEmpresa}"
										maxlength="200" style="width:730px" />
								</h:panelGrid>
								<h:panelGrid columns="4" cellpadding="10">
									<h:outputLabel for="contacto" value="Contacto:*" />
									<p:inputText id="contacto" required="true" value="#{empresaBean.empresaDTO.contacto}"
										maxlength="150" style="width:300px" />
										
									<h:outputLabel for="correoElectronico" value="Correo Electronico:*" />
									<p:inputText id="correoElectronico" required="true" value="#{empresaBean.empresaDTO.correoElectronico}"
										maxlength="150" style="width:300px">
										<f:validateRegex for="correoElectronico" 
										pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
										</p:inputText>	
										
									<h:outputLabel for="telefono" value="Telefono:*" />
									<p:inputText id="telefono" required="true" value="#{empresaBean.empresaDTO.telefono}"
										maxlength="80" style="width:300px" />
										
									<h:outputLabel for="extension" value="Extension:*" />
									<p:inputText id="extension" required="true" value="#{empresaBean.empresaDTO.extension}"
										maxlength="20" style="width:300px" />
										
									<h:outputLabel for="celular" value="Celular:*" />
									<p:inputText id="celular" required="true" value="#{empresaBean.empresaDTO.celular}"
										maxlength="80" style="width:300px" />
										
									<h:outputLabel for="cargo" value="Cargo:*" />
									<p:inputText id="cargo" required="true" value="#{empresaBean.empresaDTO.cargo}"
										maxlength="150" style="width:300px" />				

								</h:panelGrid>
								
								<h:panelGrid columns="1" cellpadding="10">
									<p:commandButton value="Crear Empresa" id="crear"
										actionListener="#{empresaBean.crearEmpresa}"
										styleClass="ui-priority-primary" />
								</h:panelGrid>
							</h:panelGrid>
						</h:form>
					</td>
				</tr>
			</table>
	</ui:define>
</ui:composition>
</html>
